/* pages/activity/exclusive/exclusive.wxss */
.exclusive_page {
  // background: #FD3B53 url('https://mjmh.meijiameihuo.com/wechat/images/activity/new_bg.png') top center no-repeat;
  background-size: contain;
  // padding-top: rem(500);
  padding-bottom:rem(30);
  min-height: calc(100vh - 0.576rem);
  .banner {
    img {
      width: 100%;
      object-fit: fill;
    }
  }
  .prd_item {
    width: rem(717);
    margin: 0 auto rem(20);
    position: relative;
    border-bottom: 1px solid #edeff2;
    background: #fff;
    border-radius: rem(10);
    overflow: hidden;
  }

  .prd_img_box {
    width: rem(717);
    height: rem(340);
    background: #FFFFFF;
  }

  .prd_img {
    width: rem(717);
    height: rem(340);
    object-fit: cover;
  }

  .prd_info {
    padding: rem(11) rem(14);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    .prd_name {
      font-size: rem(28);
      font-weight: 500;
      color: #17273a;
      width: rem(450);
      line-height: rem(40);
      height: rem(40);
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: pre-wrap;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
    }
    .prd_tips {
      height: rem(28);
      width: rem(450);
      font-size: rem(20);
      font-family: PingFangSC-Regular;
      font-weight: 400;
      color: rgba(153, 153, 153, 1);
      line-height: rem(28);
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: pre-wrap;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      margin-top: rem(6);
    }
    .is_new {
      height: rem(24);
      background: rgba(233, 31, 63, 1);
      border-radius: rem(2);
      font-size: rem(20);
      text-align: center;
      display: table;
      color: #fff;
      line-height: rem(24);
      margin-top: rem(8);
      padding: 0 rem(15);
    }
  }

  .prd_bottom {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0 rem(14) rem(20);
    .price {
      margin-top: rem(5);
      height: rem(50);
      line-height: rem(50);
      .prd_amount {
        font-size: rem(32);
        color: #e91f3f;
      }
      .prd_price_h {
        font-size: rem(24);
        color: #17273A;
      }
      .prd_old_price {
        font-size: rem(24);
        color: #999;
        text-decoration: line-through;
      }
    }
    .vip_price {
      .prd_amount, .prd_price_h {
        color: #999;
        font-size: rem(24);
      }
      .prd_old_price {
        font-size: rem(34);
        color: #e91f3f;
      }
    }
  }

  .prd_info .prd_pross {
    margin-top: rem(13);
    width: rem(196);
    height: rem(30);
    border-radius: rem(15);
    border: 1px solid rgba(233, 31, 63, 1);
    font-size: rem(20);
    text-align: center;
    line-height: rem(30);
    color: #e91f3f;
    position: relative;
    overflow: hidden;
    .sale_num {
      z-index: 1;
      position: absolute;
      width: rem(196);
      height: rem(30);
      left: 0;
    }
    .prd_pross_msk {
      position: absolute;
      height: rem(30);
      top: 0;
      left: 0;
      background: rgba(221, 176, 116, 1);
      border-radius: rem(100) 0 0 rem(100);
      z-index: 0;
    }
  }

  .prd_item {
    .buy_btn {
      position: absolute;
      width: rem(120);
      height: rem(50);
      background: rgba(233, 31, 63, 1);
      border-radius: rem(4);
      color: #fff;
      text-align: center;
      line-height: rem(50);
      right: rem(30);
      bottom: rem(20);
      font-size: rem(24);
    }
    .vip_btn {
      height: rem(50);
    }
    .novip_buy {
      width: rem(196);
      height: rem(50);
      line-height: rem(50);
      background: rgba(233, 31, 63, 1);
      border-radius: rem(4);
      font-size: rem(24);
      color: #fff;
      text-align: center;
    }
    .vip_btn {
      .vip_buy {
        background: linear-gradient(218deg, rgba(236, 216, 182, 1) 0%, rgba(213, 176, 127, 1) 100%);
        border-radius: rem(4);
        height: rem(50);
        line-height: rem(50);
        text-align: center;
        color: #fff;
        font-size: rem(24);
        display: block;
        float: left;
        padding: 0 rem(10);
        min-width: rem(100);
      }
      .vip_share {
        background: #e91f3f;
        border-radius: rem(4);
        height: rem(50);
        line-height: rem(50);
        text-align: center;
        color: #fff;
        font-size: rem(24);
        display: block;
        float: left;
        margin-left: rem(20);
        padding: 0 rem(10);
        min-width: rem(100);
      }
    }
  }
}
.exclusive_page.rush{
  background: #FD3B53 url('https://mjmh.meijiameihuo.com/wechat/images/activity/rush_bg.png') top center no-repeat;
  background-size: contain;

}
.exclusive_banner {
  height: rem(295);
  background: red;
}
.nodata {
  background: #fff;
  width: rem(717);
  margin:auto;

}
